<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/import.css" type="text/css" rel="stylesheet" />
<script language="Javascript" type="text/javascript" src="javascript/functions.js"></script>
<title>Untitled Document</title>
</head>

<body>
<!--Inicio posicion-->
<div id="wrap">
<!--Inicio pagina-->
<div id="main">
	<!--Inicio cabecera-->
	<div id="heading"><div class="link right">Usuario | <a href="">Cerrar sesi&oacute;n</a></div>
        <div id="title-content"><!--Inicio TITULO-->
            <div id="title-content">
            <h1>Sistema de Cobranza de Agua</h1>
            </div>
        </div><!--Fin TITULO-->
    </div><!--Fin cabecera-->
    <div id="nav-bar"><!--Inicio MENU superior-->
       <div id="links" class="left">
            <ul id="sddm">
                <li><a href="administrador.html" onmouseover="mopen('m1')" onmouseout="mclosetime()">Administración&nbsp;&nbsp;|</a>
                    <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="administracion-crear.html">Crear Empresa</a>
                    <a href="javascript:NewWindow('respaldo-registro.html','POPUP1','337','100','custom','front');">Respaldar Registros</a>
                    </div>
                </li>
                <li><a href="usuarios-lista.html" onmouseover="mopen('m2')" onmouseout="mclosetime()">Usuarios&nbsp;&nbsp;|</a>
                    <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="usuarios-crear.html">Crear Usuario</a>
            
                    </div>
                </li>
                <li><a href="servicios-lista.html" onmouseover="mopen('m3')" onmouseout="mclosetime()">Servicios&nbsp;&nbsp;|</a>
                    <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="servicios-crear.html">Registrar Servicio</a>
                    <a href="servicios-categorizar.html">Categorizar servicio</a>
                    </div>
                </li>
                <li><a href="cobros-registrar.html" onmouseover="mopen('m4')" onmouseout="mclosetime()">Cobros&nbsp;&nbsp;|</a>
                    <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="cobros-registrar.html" >Formulario de registro</a>
                    <a href="cobros-lectura.html" >Registro de lectura</a>
                    <a href="cobros-pago.html" >Registro de pago</a>
                    </div>
                </li>
                <li><a href="gastos-registrar.html" onmouseover="mopen('m5')" onmouseout="mclosetime()">Gastos&nbsp;&nbsp;|</a>
                    <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="gastos-registrar.html">Registrar Gasto</a>
                    <a href="gastos-categoria.html">Crear Categor&iacute;a</a>
                    </div>
                </li>
                <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Reportes</a>
                    <div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                    <a href="#">E-mail</a>
                    <a href="#">Submit Request Form</a>
                    <a href="#">Call Center</a>
                    </div>
                </li>
            </ul>
        <div class="clear-both"></div>
        </div>
    </div><!--Fin MENU superior-->
    
    
    <div id="container"><!--Inicio Contenedor-->
	    
    	<div id="menu-bar" class="left"><!--Inicio MENU Izquierdo-->
        <div id="options">
                <div><a href="servicios-crear.html" title="">Crear Servicio</a></div>
                <div><a href="servicios-categorizar.html" title="Categorizar Servicio" >Categorizar Servicio</a></div>
               
          
            </div>
        </div><!--Fin MENU Izquierdo-->
        
	   	<div id="content" class="right"><!--Inicio Contenido-->
            <div id="subtitle">
           		<h2>Servicios</h2>
                <div id="task">Usuarios por Servicio</div>
            </div>
            <div id="text-field">
            
            <form id="form1" name="form1" method="post" action="">
            <!-- listado  A - Z -->
            <table width="785" id="lista">
          <thead>
                  <tr>
                    <td colspan="9" class="cell-search padding-10">Listado de Empresas</td>
                    <td class="cell-search">                                       </td>
                    <td class="cell-search"></td>
                    <td class="cell-search"></td>
                    <td class="cell-search"></td>
                    <td class="cell-search"></td>
                    <td class="cell-search"></td>
                    <td class="cell-search"></td>
                    <td class="cell-search"></td>
                    <td class="cell-search">                      </td>
                    <td class="cell-search">&nbsp;</td>
                    <td class="cell-search" colspan="6"> <div id="search" class="right"><input name="left" type="text" class="search-input" size="10" />
                    </div></td>
                  </tr>
              </thead>
              <tbody>
          	<tr>
            	<td><a href="#" title="A">A</a></td>
            	<td><a href="#" title="B">B</a></td>
            	<td><a href="#" title="C">C</a></td>
            	<td><a href="#" title="D">D</a></td>
                <td><a href="#" title="E">E</a></td>
                <td><a href="#" title="F">F</a></td>
                <td><a href="#" title="H">H</a></td>
                <td><a href="#" title="I">I</a></td>
                <td><a href="#" title="J">J</a></td>
                <td><a href="#" title="K">K</a></td>
                <td><a href="#" title="L">L</a></td>
                <td><a href="#" title="M">M</a></td>
                <td><a href="#" title="N">N</a></td>
                <td><a href="#" title="O">O</a></td>
                <td><a href="#" title="P">P</a></td>
                <td><a href="#" title="Q">Q</a></td>
                <td><a href="#" title="R">R</a></td>
                <td><a href="#" title="S">S</a></td>
                <td><a href="#" title="T">T</a></td>
                <td><a href="#" title="U">U</a></td>
                <td><a href="#" title="W">W</a></td>
                <td><a href="#" title="X">X</a></td>
                <td><a href="#" title="Y">Y</a></td>
                <td><a href="#" title="Z">Z</a></td>
                 <td> </td>
            </tr>
            </tbody>
          </table>
            <!-- Fin listado  A - Z -->
            <table width="785" id="lista_link">
                <tr>
                  <td width="34" class=" cell-1 input-left"><input class="input-sup input-left" name="" type="checkbox" value="" /></td>
                  <td width="153"><a href="javascript:NewWindow('ver-servicio.html','POPUP1','257','295','custom','front')"title="Ver Detalle">Juan Perez</a></td>
                	<td width="50" class="cell-2"><a href="servicios-editar-usuario.html" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
                	<td width="50" class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /></a></td>
                	<td width="50" class="cell-2"><a href="#" title="Habilitado"><img src="images/icon_published.gif" alt="Habilitado" /> </a></td>
                	<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left" name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Araceli Arambula</a></td>
                	<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
                	<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /></a></td>
                	<td class="cell-2"><a href="#" title="Habilitado"><img src="images/icon_published.gif" alt="Habilitado" /> </a></td>
               	   <td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input  class="input-left" name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Ariana Aguilar</a></td>
                	<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
                	<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
                	<td class="cell-2"><a href="#" title="Habilitado"><img src="images/icon_published.gif" alt="Habilitado" /> </a></td>
                	<td>&nbsp;</td>
                    <td></td>
              </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Ana Gomez</a></td>
                	<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
                	<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
                	<td class="cell-2"><a href="#" title="Habilitado"><img src="images/icon_published.gif" alt="Habilitado" /> </a></td>
                	<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Victor Perez</a></td>
                	<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
                	<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
                	<td class="cell-2"><a href="#" title="Habilitado"><img src="images/icon_published.gif" alt="Habilitado" /> </a></td>
                	<td>&nbsp;</td>
                    <td></td>
                </tr>
                
                <tr>
                  <td class=" cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Sonia Barrioso</a></td>
                	<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
                	<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
                	<td class="cell-2"><a href="#" title="Habilitado"><img src="images/icon_published.gif" alt="Habilitado" /> </a></td>
                	<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Alicia Colque</a></td>
                	<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
                	<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
                	<td class="cell-2"><a href="#" title="Habilitado"><img src="images/icon_published.gif" alt="Habilitado" /> </a></td>
                	<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Raul Montaño</a></td>
                	<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
                	<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
                	<td class="cell-2"><a href="#" title="Habilitado"><img src="images/icon_published.gif" alt="Habilitado" /></a></td>
                	<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Leticia Molina</a></td>
                	<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
                	<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
                	<td class="cell-2"><a href="#" title="Habilitado"><img src="images/icon_published.gif" alt="Habilitado" /> </a></td>
                	<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Carmen Ochoa</a></td>
					<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
					<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
					<td class="cell-2"><a href="#" title=" Deshabilitado"><img src="images/icon_unpublished.gif" alt="Deshabilitado" /> </a></td>
					<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Raul Cepeda</a></td>
					<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
					<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
					<td class="cell-2"><a href="#" title=" Deshabilitado"><img src="images/icon_unpublished.gif" alt="Deshabilitado" /> </a></td>
					<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Freddy Coca</a></td>
					<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
					<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
					<td class="cell-2"><a href="#" title=" Deshabilitado"><img src="images/icon_unpublished.gif" alt="Deshabilitado" /> </a></td>
					<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Roberto Marca</a></td>
					<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
					<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
					<td class="cell-2"><a href="#" title=" Deshabilitado"><img src="images/icon_unpublished.gif" alt="Deshabilitado" /></a></td>
				  <td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Laura Vazques</a></td>
					<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
					<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
					<td class="cell-2"><a href="#" title=" Deshabilitado"><img src="images/icon_unpublished.gif" alt="Deshabilitado" /> </a></td>
					<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tr>
                  <td class="cell-1 input-left"><input class="input-left"  name="" type="checkbox" value="" /></td>
                  <td><a href="#" title="Ver Detalle">Ramiro Garcia</a></td>
					<td class="cell-2"><a href="#" title="Editar"><img src="images/edit.png" alt="Editar" /> </a></td>
					<td class="cell-2"><a href="javascript:elegir()" title="Eliminar"><img src="images/delete.png" alt="Borrar" /> </a></td>
					<td class="cell-2"><a href="#" title=" Deshabilitado"><img src="images/icon_unpublished.gif" alt="Deshabilitado" /> </a></td>
					<td>&nbsp;</td>
                    <td></td>
                </tr>
                <tfoot>
                <tr>
                  <td colspan="2" class="align-center" ><input class="button2" type="submit" name="Asignar" id="Asignar" size="18" value="Asignar" /></td>
                	<td colspan="3" id="lista"><select  name="submit_mult">
                        <option selected="selected" value="Seleccione: opción">Seleccione: opción</option>
                        <option value="Eliminar">Eliminar</option>
                        <option value="Deshabilitar">Deshabilitar</option>
                        <option value="Habilitar">Habilitar</option>
                        <option value="Imprimir">Imprimir</option>
                    </select></td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                  <td  class="align-center" colspan="2" ><input class="button4" type="submit" name="categorizar" id="categorizar" size="18" value="Categorizar" /></td>
                	<td colspan="3" id="lista"><select  name="Lista">
                        <option value="15">15</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                        <option value="todos">Todos</option>
                    </select></td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr> <td colspan="7"><div class="right">
            <table>
          		<tr>                
                <td>
                <a href="#" title=""><img src="images/back.png"/></a></td>
                <td><a href="#" title="1">1</a></td>
                <td><a href="#" title="2">2</a></td>
                <td><a href="#" title="3">3</a></td>
                <td><a href="#" title="4">4</a></td>
                <td><a href="#" title="5">5</a></td>
                <td><a href="#"><img src="images/next.png"/></a></td>
            </tr>
            </table>
            </div></td></tr>
                </tfoot>
                
            </table>
            <!-- Paginacion -->
            
            </form>
            
          
        </div><!--Fin Contenido-->
        
    </div><!--Fin Contenedor-->
<div class="clear-both"></div>
</div>
<!--Fin pagina-->
</div>
<!--Fin posicion-->
</body>
</html>
